<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>Meteora.Picbox</title>

    <!-- Meteora -->
    <script src="../../src/meteora.js" type="text/javascript"></script>
    <!-- Meteora -->

    <link type="text/css" rel="stylesheet" href="../css/test.css" />

    <style text="text/css">
      a img {
        border: none;
      }
    </style>
  </head>

  <body>

    <script type="text/javascript">
      Meteora.uses('Meteora.Picbox');
    </script>

    <h1>Meteora.Picbox</h1>

    <div class="instructions">
      Click on the images.
    </div>
    
    <a href="http://meteora.astrata.com.mx/media/picbox_demo_1_large.jpg">
      <img class="picbox-photo" src="http://meteora.astrata.com.mx/media/picbox_demo_1_tiny.jpg">
    </a>
    
    <a href="http://meteora.astrata.com.mx/media/picbox_demo_2_large.jpg">
      <img class="picbox-photo" src="http://meteora.astrata.com.mx/media/picbox_demo_2_tiny.jpg">
    </a>
    
    <a href="http://meteora.astrata.com.mx/media/picbox_demo_3_large.jpg">
      <img class="picbox-photo" src="http://meteora.astrata.com.mx/media/picbox_demo_3_tiny.jpg">
    </a>
    
  </body>
</html>
